/* 初始状态 */
@keyframes imgMoveIn
{
	from   {top: 200px;}
	to  {top: 0px;}	
}

@-moz-keyframes imgMoveIn /* Firefox */
{
	from   {top: 0px;}
	to  {top: 200px;}
}

@-webkit-keyframes imgMoveIn /* Safari 和 Chrome */
{
	from   {top: 0px;}
	to  {top: 200px;}
}

@-o-keyframes imgMoveIn /* Opera */
{
	from   {top: 0px;}
	to  {top: 200px;}
}

/*红色图片飞出*/
@keyframes redimgMoveOut
{
	from   {top: 0px;}
	to  {top: -200px;}
	
}

@-moz-keyframes redimgMoveOut /* Firefox */
{
	from   {top: 0px;}
	to  {top: -200px;}
}

@-webkit-keyframes redimgMoveOut /* Safari 和 Chrome */
{
	from   {top: 0px;}
	to  {top: -200px;}
}

@-o-keyframes redimgMoveOut /* Opera */
{
	from   {top: 0px;}
	to  {top: -200px;}
}


/*红色图片飞入*/
@keyframes redimgMoveIn
{
	from   {top: -200px;}
	to  {top: -0px;}
	
}

@-moz-keyframes redimgMoveIn /* Firefox */
{
	from   {top: -200px;}
	to  {top: -0px;}
}

@-webkit-keyframes redimgMoveIn /* Safari 和 Chrome */
{
	from   {top: -200px;}
	to  {top: -0px;}
}

@-o-keyframes redimgMoveIn /* Opera */
{
	from   {top: -200px;}
	to  {top: -0px;}
}

/*白色图片飞出*/
@keyframes imgMoveOut
{
	from   {top: 0px;}
	to  {top: 200px;}
	
}

@-moz-keyframes imgMoveOut /* Firefox */
{
	from   {top: 0px;}
	to  {top: 200px;}
}

@-webkit-keyframes imgMoveOut /* Safari 和 Chrome */
{
	from   {top: 0px;}
	to  {top: 200px;}
}

@-o-keyframes imgMoveOut /* Opera */
{
	from   {top: 0px;}
	to  {top: 200px;}
}

/*首页分类延迟动画时间*/
.first{
     animation-duration: 0.25s;
    animation-delay: 0.5s;
}

.second{
    animation-duration: 0.75s;
    animation-delay: 0.5s;
}  

.third{
    animation-duration:1s;
    animation-delay: 0.75s;
}
.fourth{
    animation-duration: 1.25s;
    animation-delay: 1s;
}
.fifth{
	animation-duration: 1.5s;
   	animation-delay: 1.25s;
}